<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>caculator</title>
		<link rel="stylesheet" type="text/css" href="caculator.css">
		<script type="text/javascript" src = "jquery.js"></script>
		<script type="text/javascript" src = "caculator.js"></script>
	</head>
	<body>
		<div class = "container">
		<input class = "show" placeholder = "0" disabled = "disabled"/>
		
		<div class = "first">
			<button class = "cacu" id = "percentage">%</button>
			<button class = "clear">AC</button>
		</div>
		<div>
			<button class = "num" id = 7>7</button>
			<button class = "num" id = 8>8</button>
			<button class = "num" id = 9>9</button>
			<button class = "cacu" id = "div">÷</button>
		</div>	
		<div>
			<button class = "num" id = 4>4</button>
			<button class = "num" id = 5>5</button>
			<button class = "num" id = 6>6</button>
			<button class = "cacu" id = "x">×</button>
		</div>
		<div>
			<button class = "num" id = 1>1</button>
			<button class = "num" id = 2>2</button>
			<button class = "num" id = 3>3</button>
			<button class = "cacu" id = "delete">-</button>
		</div>
		<div>
			<button class = "num" id = 0>0</button>
			<button class = "po">.</button>
			<button class = "equal">=</button>
			<button class = "cacu" id = "plus">+</button>
		</div>
		<input type = "hidden" value = "" class = "firNum" />
		<input type = "hidden" value = "" class = "secNum" />
		<input type = "hidden" value = "" class = "point" />
		<input type = "hidden" value = "" class = "case" />
	</div>
	</body>
</html>